/* 1. 公共属性样式 */

/* 通栏 */
.container-fluid {
    min-width: 1200px;
}

/* 版心 */
.container {
    width: 1200px;
    margin: 0 auto;
}

/* 测试工具 */
.bd {
    border: 1px solid red;
}

img {
    vertical-align: middle;
}

/* 浮动 */
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

/* 定位 */
.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}

/* bg-color */
.bgc25 {
    background-color: #252525;
}

.bgc14 {
    background-color: #141414;
}

.bgc10 {
    background-color: #101010;
}

.bgcff6 {
    background-color: #ff6600 !important;
}
.bgce6 { background-color: #e6e6e6 !important;}
.bgcebe {
    background-color: #ebebeb;
}
.bgcf9{ background-color: #f9f9f9;}
.bgnav1 { background-color: #93d46f;}
.bgnav2 { background-color: #f65828;}
.bgnav3 { background-color: #bb9dee;}
.bgnav4 { background-color: #ff7394;}
.bgnav5 { background-color: #c2ec52;}

/* margin */
.ml20 {
    margin-left: 20px;
}
.ml50 { margin-left: 50px;}
.ml40 { margin-left: 40px;}
.mt30 {
    margin-top: 30px;
}
.mt40 { margin-top: 40px !important;}
.mt20 { margin-top: 20px;}
.mt10 { margin-top: 10px;}
.mt24 { margin-top: 24px;}
.mt7 {margin-top: 7px;}
.mt90 { margin-top: 90px;}
.mt17 { margin-top: 17px;}
.mt28 { margin-top: 28px;}

.mtb30 {
    margin: 30px 0;
}

.mtb20 {
    margin: 20px 0;
}

.mr10 {
    margin-right: 10px;
}
.ml10 {margin-left: 10px;}
.ml22 { margin-left: 22px;}
.mr36 { margin-right: 36px;}
.mr6 { margin-right: 6px;}
.mr186 { margin-right: 186px;}
.mr346 { margin-right: 346px;}
.mr127 { margin-right: 127px;}
.mr113 { margin-right: 113px;}
.mr88 { margin-right: 88px;}
.mr516 { margin-right: 516px;}
.mr50 { margin-right: 50px;}
.ml14 { margin-left: 14px;}

/* color */
.c15bded {
    color: #15bded
}
.cf60 { color: #f60;}
.cf42 { color: #f4290d;}
.cfb3 { color: #b3b3b3;}
.cf80 { color: #808080;}
.cff { color: #fff;}
.c33 {color: #333;}
.c34 { color: #343434;}
.c81 { color: #818181;}
.c99 { color: #999999;}
.ca6 { color: #a6a6a6;}
.cf4b { color: #f4b212;}
.c4d { color: #4d4d4d;}
.c66 { color: #666;}
.c108 { color: #1080e9;}
.cbf { color: #bfbfbf;}
/* padding */
.ptb25 {
    padding: 25px 0;
}

/* font-size */
.fs18 {
    font-size: 18px;
}
.fs12{ font-size: 12px;}
.fs16{ font-size: 16px;}
.fs24{ font-size: 24px;}
.fs28{ font-size: 28px;}
.fs22 { font-size: 22px;}
.fs20 { font-size: 20px;}
.fs14 { font-size: 14px !important;}
/* font-wight */
.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}
/* text */
.tindent1{ text-indent: 1em;}
.tdl{ text-decoration: line-through;}
.tacen{ text-align: center;}

/* height */
.hg340{ height: 340px;}
.hg160{ height: 160px;}

.lh22{ line-height: 22px;}
.lh35{ line-height: 35px;}

/* width */
.w98{ width: 98% !important;}
.w2 { width: 2% !important;}
.w0 { width: 0% !important;}




/* 2. 公共模块样式 */
/* head 头部 */
.head-top {
    height: 28px;
    line-height: 28px;
}

.head-top p {
    color: #e6e6e6;
    margin-left: 6px;
}

.head-top a {
    color: orangered;
}

/* search */
.topsearch .search p{ height: 36px;line-height: 36px;color: #f60;font-weight: bold;font-size: 38px;}
.search{ padding: 4px 0 22px 0;box-sizing: border-box;height: 62px;}
.head-shop .shopcar{
    background: #f60;
    color: #fff;
    text-indent: 30px;
}
.head-shop .shop-img{
    background: #f60 url(../img/bgicon_04.jpg) no-repeat;
    color: #fff;
    text-indent: 30px;
    height: 36px;
    width: 36px;
    position: absolute;
    left: 0;
    display: inline-block;
    
}
.head-shop .shopd{ border: 1px solid #ccc;box-sizing: border-box;}
.head-shop .shopd:hover{ color: #f60;}
.head-shop a{
    float: left;
    width: 100px;
    height: 36px;
    background-color: #ebebeb;
    text-align: center;
    line-height: 36px;
}

/* head input */
.inp{ height: 36px;width: 390px;border: 2px solid #f60;box-sizing: border-box;text-indent: 8px;}
.inp-search{ height: 36px;width: 50px;background: url(../img/bgicon_01.jpg) no-repeat;}

/* 导航 head-nav */
.head-nav li{ float: left;font-size: 16px;font-weight: bold;margin-left: 30px;}
.head-nav li a:hover{ color: #f60;}

/* foot */
.footer{ height: 472px;background-color: #fff;}
.foot-top{ height: 100px;background-color: #f2f2f2;border-top: 6px solid #f60;box-sizing: border-box;}
.foot-top .foot-pic{ width: 1000px;margin: 0 auto;height: 94px;padding: 22px 0 22px 90px;box-sizing: border-box;}
.foot-top .foot-pic a{ display: inline-block;width: 130px;height: 50px;margin-right: 92px;}
.foot-nav{ width: 860px;height: 140px;margin: 0 auto;padding-top: 30px;}

.foot-nav .foot-sort{ width: 160px;float: left;text-align: center;}
.foot-nav .foot-sort .foot-title{
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #323232;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}
.foot-nav .foot-sort ul{
    padding-left: 30px;
    list-style: none;
    margin: 0;
}
.foot-nav .foot-sort ul a{
    line-height: 28px;
    text-decoration: none;
    color: #7d7d7d;
    font-size: 12px;
}
.foot-nav .foot-sort ul a:hover{ color: #f60;}
.foot-nav .foot-login{ height: 86px;width: 162px;position: absolute;right: -150px;top: 62px;}

.foot-navlink { margin-top: 44px;text-align: center;line-height: 20px;color: #3333;}
.foot-navlink .foot-alink{ color: #8c8c8c; }
.foot-navlink .foot-alink{ margin: 0 17px;}
.foot-navlink .foot-alink:hover { color: #f60;}
.footer .foot-edition{ line-height: 20px;text-align: center;width: 960px;margin: 0 auto;margin-top: 22px;color: #8c8c8c;}

/* 公共标题 */
.common-top{ box-sizing: border-box;border-bottom: 6px solid #f60;}
.common-top .common-title{ line-height: 34px;font-weight: normal;height: 34px;}
.common-top .common-title2{ height: 46px;line-height: 46px;text-align: center;width: 220px;font-weight: normal;}

.common-top .common-s{ display: block;height: 38px;line-height: 38px;background-color: #f60;color: #fff;width: 42px;text-align: center;}

.common-top .common-titleli { width: 98px;height: 34px;line-height: 34px;text-align: center;font-size: 18px;}
.common-top .common-titleli2{ width: 94px;height: 38px;line-height: 38px;font-size: 18px;color: #468bfd;cursor: pointer;box-sizing: border-box;user-select: none;}
.common-top .common-titleli3{ font-size: 24px; width: 150px; line-height: 47px;font-weight: normal;height: 47px;text-align: center;}

.common-top .active { background-color: #f60;color: #fff;}


